﻿@charset "utf-8";
/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
}
a {
  color: #444;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#main a img:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background: #fff;
}
li {
  list-style: none;
}
body,
button,
input,
select,
textarea {
  font: 12px/1.5 "Microsoft YaHei", arial, tahoma;
}
body {
  background: #F8F8F8;
}
#main {
  width: 990px;
  margin: 0px auto;
}
.banner {
  width: 990px;
  height: 60px;
}
.banner .logo {
  width: 190px;
  height: 60px;
  float: left;
}
.banner .welcomeReg {
  float: left;
  width: 89px;
  height: 17px;
  line-height: 60px;
  background: url(../images/bg_reg_btn.png) 0px -583px no-repeat;
  position: relative;
  top: 25px;
  left: 15;
}
.regContent {
  width: 968px;
  height: 363px;
  float: left;
  border: 1px solid #ddd;
  margin: 0px 0px 20px 0px;
  padding: 85px 10px 50px 10px;
  background: #fff;
}
.regContent .left {
  float: left;
  width: 470px;
}
.regContent .left li {
  float: left;
}
.regContent .left .title {
  width: 150px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 14px;
  color: #333;
}
.regContent .left .input {
  width: 234px;
  height: 30px;
  padding-left: 10px;
}
.regContent .left .input input {
  height: 36px;
  line-height: 30px;
  width: 234px;
  padding: 5px;
  border: 1px solid #ddd;
}
.regContent .error {
  width: 400px;
  height: 30px;
  line-height: 30px;
  padding-left: 160px;
  color: #FF0000;
}
.regContent .alert {
  width: 400px;
  height: 30px;
  line-height: 30px;
  padding-left: 160px;
  color: #666;
}
.regContent .code {
  width: 105px;
  height: 36px;
  padding-left: 10px;
}
.regContent .code input {
  height: 36px;
  line-height: 30px;
  width: 105px;
  padding: 5px;
  border: 1px solid #ddd;
}
.regContent .codeimg {
  width: 80px;
  height: 35px;
  line-height: 35px;
  float: left;
  padding-left: 5px;
}
.regContent .changeCode {
  display: inline-block;
  padding-left: 5px;
  color: #0088CC;
  line-height: 35px;
}
.agree {
  width: 430px;
  height: 36px;
  padding-left: 160px;
}
.agree a {
  color: #0088CC;
}
.bg_reg_btn {
  width: 230px;
  height: 36px;
  background: url(../images/bg_reg_btn.png) no-repeat;
  border: none;
  cursor: pointer;
}
.bg_reg_btn:hover {
  background: url(../images/bg_reg_btn.png) 0px -36px no-repeat;
}
.right {
  width: 400px;
  float: right;
}
.right .top {
  display: inline-block;
  width: 257px;
  height: 38px;
  float: left;
  background: transparent url(../images/bg_reg_btn.png) repeat scroll 0px -320px;
}
.right .top:hover {
  background: transparent url(../images/bg_reg_btn.png) repeat scroll 0px -358px;
}
.right .bottom {
  display: inline-block;
  width: 257px;
  height: 186px;
  float: left;
  background: transparent url(../images/bg_reg_btn.png) repeat scroll 0px -397px;
}
.login {
  width: 990px;
  height: 30px;
  line-height: 30px;
  margin: 0px auto;
  text-align: right;
  padding-right: 20px;
}
.login a {
  color: #0088CC;
}
.footer {
  display: block;
  text-align: center;
  width: 990px;
  margin: 0px auto;
  padding: 50px 0px 20px 0px;
}
.clear {
  clear: both;
}
